﻿@page "/tabs"
@inject IStringLocalizer<Tabs> Localizer

<h3>@Localizer["TabsTitle"]</h3>

<h4>@Localizer["TabsSubTitle"]</h4>

<p>@((MarkupString)Localizer["TabsDescription"].Value)</p>

<Tips>
    <p>
        @((MarkupString)Localizer["TabsTipsTitle"].Value)
        <ul class="ul-demo mb-3">
            <li>@Localizer["TabsTips1"]</li>
            <li>@Localizer["TabsTips2"]</li>
        </ul>
        <div>@((MarkupString)Localizer["TabsTips3"].Value)</div>
    </p>
    <p>@Localizer["TabsTips4"]</p>
</Tips>

<p>
    <b>@Localizer["TabsInfoTitle"]</b>
</p>

<ul class="ul-demo">
    <li>@((MarkupString)Localizer["TabsInfoItem2"].Value)</li>
    <li>@((MarkupString)Localizer["TabsInfoItem4"].Value)</li>
</ul>

<p class="mt-3">
    <b>@Localizer["TabsQATitle"]</b>
</p>

<ul class="ul-demo">
    <li>@((MarkupString)Localizer["TabsQA1"].Value)</li>
    <li>@((MarkupString)Localizer["TabsQA2"].Value)</li>
</ul>

<Pre class="mt-3">[CascadingParameter]
[NotNull]
public Tab? TabSet { get; set; }

[CascadingParameter]
[NotNull]
public TabItem? TabItem { get; set; }</Pre>

<DemoBlock Title="@Localizer["TabsNormalTitle"]"
           Introduction="@Localizer["TabsNormalIntro"]"
           Name="Normal"
           Demo="typeof(Demos.Tabs.TabsNormal)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsCardTitle"]"
           Introduction="@Localizer["TabsCardIntro"]"
           Name="Card"
           Demo="typeof(Demos.Tabs.TabsCard)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsBorderTitle"]"
           Introduction="@Localizer["TabsBorderIntro"]"
           Name="Border"
           Demo="typeof(Demos.Tabs.TabsBorder)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsIconTitle"]"
           Introduction="@Localizer["TabsIconIntro"]"
           Name="Icon"
           Demo="typeof(Demos.Tabs.TabsIcon)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsClosableTitle"]"
           Introduction="@Localizer["TabsClosableIntro"]"
           Name="Closable"
           Demo="typeof(Demos.Tabs.TabsClosable)">
    <Tips>
        @((MarkupString)Localizer["TabsClosableTips"].Value)
    </Tips>
</DemoBlock>

<DemoBlock Title="@Localizer["TabsPlacementTitle"]"
           Introduction="@Localizer["TabsPlacementIntro"]"
           Name="Placement"
           Demo="typeof(Demos.Tabs.TabsPlacement)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsAddTabItemTitle"]"
           Introduction="@Localizer["TabsAddTabItemIntro"]"
           Name="AddTabItem"
           Demo="typeof(Demos.Tabs.TabsAddTabItem)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsComponentTitle"]"
           Introduction="@Localizer["TabsComponentIntro"]"
           Name="Component"
           Demo="typeof(Demos.Tabs.TabsComponent)">
    <p>
        @((MarkupString)Localizer["TabsComponentDescription"].Value)
    </p>
</DemoBlock>

<DemoBlock Title="@Localizer["TabsDynamicTabItemTitle"]"
           Introduction="@Localizer["TabsDynamicTabItemIntro"]"
           Name="DynamicTabItem"
           Demo="typeof(Demos.Tabs.TabsDynamicTabItem)">
    <p>
        @((MarkupString)Localizer["TabsDynamicTabItemDescription"].Value)
    </p>
</DemoBlock>

<DemoBlock Title="@Localizer["TabsAppTitle"]"
           Introduction="@Localizer["TabsAppIntro"]"
           Name="App"
           Demo="typeof(Demos.Tabs.TabsApp)">
    <Tips>
        <div>@((MarkupString)Localizer["TabsAppDescription"].Value)</div>
    </Tips>
</DemoBlock>

<DemoBlock Title="@Localizer["TabsIsOnlyRenderActiveTitle"]"
           Introduction="@Localizer["TabsIsOnlyRenderActiveIntro"]"
           Name="IsOnlyRenderActive"
           Demo="typeof(Demos.Tabs.TabsIsOnlyRenderActive)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsLazyLoadTitle"]"
           Introduction="@Localizer["TabsLazyLoadIntro"]"
           Name="LazyLoad"
           Demo="typeof(Demos.Tabs.TabsLazyLoad)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsHeaderTemplateTitle"]"
           Introduction="@Localizer["TabsHeaderTemplateIntro"]"
           Name="HeaderTemplate"
           Demo="typeof(Demos.Tabs.TabsHeaderTemplate)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsSetHeaderTemplateTitle"]"
           Introduction="@Localizer["TabsSetHeaderTemplateIntro"]"
           Name="SetHeaderTemplate"
           Demo="typeof(Demos.Tabs.TabsSetHeaderTemplate)">
</DemoBlock>

<DemoBlock Title="@Localizer["TabsSetTabItemHeaderTextTitle"]"
           Introduction="@Localizer["TabsSetTabItemHeaderTextIntro"]"
           Name="SetTabItemHeaderText"
           Demo="typeof(Demos.Tabs.TabsSetTabItemHeaderText)">
</DemoBlock>

<AttributeTable Items="@GetAttributes()" Title="@Localizer["AttTitle"]" />

<MethodTable Items="@GetMethods()" Title="@Localizer["MethodTitle"]" />
